<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>表单元素</title>
	</head>
	<body>
		<!-- 表单元素：采集用户信息，并提交信息到服务器 
		采集用户信息元素input 必须属性 type决定input呈现效果
		重点掌握type中属性值      text      文本框
		                        panssword  密文文本框
								submit    提交
								bitton    按钮  【html4.0写法加value="按钮名称"】
								reset    重置  结合表单元素
								color    颜色
								datetime-local  本地日期时间插件
								date    年月日插件
								time    十分插件
								week    周插件
								range    滑块效果
								file    文件
								radio   单选框  结合name checkd默认选择
								checkbox   复选框    checkd默认选择
								image    图片按钮   结合src
								hidden    隐藏  结合JS
		-->
		<form>
			<h1>控件元素</h1>
		账号：<input type="text"><br>
		账号1：<input/>
		密码：<input type="password"><br>
		<input type="submit"><br>
		<input type="button" value="aaa">
		<!-- html5.0写法 -->
		<button>bbb</button><br>
		<input type="reset"><br>
		<input type="color"><br>
		<input type="datetime-local"><br>
		<input type="date"><br>
		<input type="time"><br>
		<input type="week"><br>
		<input type="range">
		<input type="file"/><br>
		男<input type="radio" name="sex">
		女<input type="radio" name="sex"><br>
		<input type="checkbox" />徐凤年
		<input type="checkbox" />温华<br>
		<input type="image" src="img/3.jpg" width="200px" height="200px">
		<input type="hidden">
		<h1>下拉列表元素</h1>
		<!-- 层叠元素  快捷键：select>option -->
		发车时间：<select >
			<option >00:00-02:00</option>
			<option >02:00-04:00</option>
			<option >04:00-06:00</option>
			<option >06:00-08:00</option>
		</select>
		<!-- 超大文本框元素   cols列元素  rows行元素-->
		<h1>超大文本框元素</h1>
		建议：<textarea cols="30" rows="10"></textarea>
		<!-- 细节元素  层叠元素 快捷键：details>summary+div-->
		<details>
			<summary>招聘</summary>
			<div>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vitae porro molestiae nulla, impedit inventore fugit, obcaecati repellat corrupti, est nam totam? Tenetur sint eligendi ducimus hic fugiat! Deserunt, quo commodi?</div>
		</details>
		</form>
		<h1>新元素</h1>
		<!-- 记号笔元素 -->
		周五<mark>放假了</mark><br>
		<!-- 度量元素  value度量单位="默认：0~1"值-->
		电量：<meter value="5" min="0" max="100"></meter>
	</body>
</html>